import React from 'react';
import { Row, Col } from 'antd';
import styles from './index.less';
import classnames from 'classnames';
import XmlEdit from './components/xmlEdit';
import MessageList from './components/messageList';
import EmptyCenter from '@/components/EmptyCenter';

export default props => {
  return (
    <div className={styles['template-wrap']}>
      {!localStorage.getItem('deviceType') && (
        <EmptyCenter description={'请先选择平台'} jump={true} />
      )}
      {localStorage.getItem('deviceType') && (
        <Row className={styles['containter']}>
          <Col span={15} className={styles['left']}>
            <div className={styles['left-wrap']}>
              <XmlEdit />
            </div>
          </Col>
          <Col span={9} className={styles['right']}>
            <div className={styles['right-wrap']}>
              <MessageList />
            </div>
          </Col>
        </Row>
      )}
    </div>
  );
};
